
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="css/style.css" />

<link type="text/css" rel="stylesheet"
	href="//misc.360buyimg.com/jdf/1.0.0/unit/??ui-base/1.0.0/ui-base.css,shortcut/2.0.0/shortcut.css,global-header/1.0.0/global-header.css,myjd/2.0.0/myjd.css,nav/2.0.0/nav.css,shoppingcart/2.0.0/shoppingcart.css,global-footer/1.0.0/global-footer.css,service/1.0.0/service.css" />

<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>

<title>首页_手机通讯</title>

<link href="image/favico.ico" rel="shortcut icon" />

<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>

<script type="text/javascript" src="js/zhuye.js"></script>



</head>

<body>

	<div class="main_top">

		<div class="m3">
			<a href="members.jsp" >我的订单</a>
		</div>

		<div class="m2">
			<a href="register.jsp" target="_Blank">免费注册&nbsp&nbsp&nbsp|</a>
		</div>

		<div class="m1"><a href="${empty member[0].memberName ?'login.jsp':'members.jsp'} "  target="_Blank">
		<c:if test="${empty member[0].memberName}" scope="page" var="result">
        	您好，请登录&nbsp&nbsp&nbsp|
     </c:if>
     <c:if test="${not result}">
         	${member[0].memberName}
     </c:if></a>
		</div>
	
	</div>



	<div id="d1">

		<div id="t1">

			<a href=""><img src="image/1.png"
				style="float: left; margin-left: 60px;"></a>

		</div>



		<div id="t2">

			<div id="t4">

				<input id="text"> <input type="button" value="搜索" id="but">

			</div>

		</div>



		<div id="t3">

			<div id="d7">

				<a href="ShopCart.jsp" class="a1"> <img
					src="image/gwc.png" class="o6">我的购物车
				</a>

			</div>

		</div>

	</div>



	<div id="d2">

		<div id="t5">手机分类</div>



		<div id="t6">

			<a href="homePage.jsp"class="a">手机首页</a>
				<a href="Product" class="a">手机首页</a>
			 <a href=""  class="a">手机营业厅</a>
			  <a href="" class="a">配件选购</a>
			   <a href=""  class="a">以旧换新</a>
			    <a href=""  class="a">新Phone尚</a>
			     <a href=""  class="a">玩3C</a>
		</div>

	</div>



	<div class="out">

		<div id="t7">



			<div class="t8">

				<span class="sp1">热门推荐</span> <span class="sp">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp></span>

				<a	href="Goods?id=1"  class="sp2">oppo R9</a> <a
					href="Goods?id=7"  class="sp2">魅蓝5</a> <a
					href="Goods?id=5"  class="sp2">vivo X9</a> <a
					href="Goods?id=3"  class="sp2">oppoA57</a> <a
					href="Goods?id=8"  class="sp2">魅蓝Note5</a>

			</div>



			<div class="t9">

				<span class="sp1">热门单品</span> <span class="sp">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp></span>

				<a  href="Goods?id=4"  class="sp2">vivoXplay6</a> <a
					href="Goods?id=10"  class="sp2">华为P9</a> <a
					href="Goods?id=26"  class="sp2">荣耀V9</a> <a
					href="Goods?id=16"  class="sp2">小米Max</a> <a
					href="Goods?id=21"  class="sp2">华为麦芒5</a>

			</div>



			<div class="t10">

				<span class="sp1">精选品牌</span> <span class="sp">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp></span>

				<a href="Goods?id=10"  class="sp2">华为</a> <a
					href="Goods?id=16"  class="sp2">小米</a> <a
					href="Goods?id=1"  class="sp2">oppo</a> 


			</div>



			<div class="t11">

				<span class="sp1">经典品牌</span> <span class="sp">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp></span>

				<a href="Goods?id=4"  class="sp2">vivo</a>
					<a href="Goods?id=7"  class="sp2">魅族</a> 
					<a href="Goods?id=17"  class="sp2">荣耀</a>
			</div>



			<div id="t9">

				<img src="image/sjx.png" id="tp1">



				<div id="d3">

					<span class="sp3">oppo</span> <span class="sp">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span>

					<a href="Goods?id=3"  class="sp4">oppo A59s</a> <a
						href="Goods?id=1"  class="sp4">oppoR9s</a> <a
						href="Goods?id=13"  class="sp4">oppo A57</a> <a
						href="Goods?id=2"  class="sp4">oppoR9s Plus</a>

				</div>



				<img src="image/sjx.png" id="tp2">

				<div id="d4">

					<span class="sp3">vivo</span> <span class="sp">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span>

					<a href="Goods?id=4" class="sp4">vivo Xplay6</a>
					<a href="Goods?id=5" class="sp4">vivoX9</a><br>  
					<a href="Goods?id=6"class="sp4">vivo Y67</a> 
					<a href="Goods?id=23"class="sp4">vivo Y55</a> 
				</div>



				<img src="image/sjx.png" id="tp3">

				<div id="d5">

					<span class="sp3">华为荣耀</span> <span class="sp">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span>

					<a href="Goods?id=17"  class="sp4">荣耀8</a> 
					<a href="Goods?id=20"  class="sp4">畅玩 6X</a><br>
					<a href="Goods?id=17"  class="sp4">荣耀 8</a> 
					<a href="Goods?id=25"  class="sp4">荣耀note</a>

				</div>



				<img src="image/sjx.png" id="tp4">

				<div id="d6">

					<span class="sp3">小米</span> <span class="sp">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span>

					<a href="Goods?id=14"  class="sp4">小米5S</a> 
					<a href="Goods?id=16"  class="sp4">小米Max</a> <br> 
					<a href="Goods?id=28"  class="sp4">小米5plus</a> 
					<a href="Goods?id=32"  class="sp4">小米 Note4X</a>

				</div>

			</div>



		</div>



		<!--上面-->

		<ul class="img">

			<li><a href="Goods?id=32"><img
					src="image/xiaomi.jpg" style="width: 100%; height: 430px;" /></a></li>



			<li><a href="Goods?id=17"><img
					src="image/t2.jpg" style="width: 100%; height: 430px;" /></a></li>



			<li><a href="Goods?id=26" ><img
					src="image/项目图片/bj001.jpg" style="width: 100%; height: 430px;" /></a></li>



			<li><a href="Goods?id=1" ><img
					src="image/项目图片/bj002.jpg" style="width: 100%; height: 430px;" /></a></li>



			<li><a href="Goods?id=5" ><img
					src="image/58c7a7bcNb160bf8c.jpg" style="width: 100%; height: 430px;" /></a></li>



			<li><a href="Goods?id=31"><img
					src="image/项目图片/bj003.jpg" style="width: 100%; height: 430px;" /></a></li>



			<li><a href="Goods?id=2"><img
					src="image/项目图片/bj004.jpg" style="width: 100%; height: 430px;" /></a></li>



		</ul>

		<!--下面-->

		<ul class="num">

		</ul>

		<div class="left btn" id="left"><</div>

		<div class="right btn" id="right">></div>

	</div>





	<div id="center">



		<div id="top">

			<h2 id="h2">今日热门</h2>



			<div class="c1">

				<img src="image/3.png"> <span>特价</span>

			</div>



			<div class="c2">

				<img src="image/4.png"> <span>热销</span>

			</div>



			<div class="c3">

				<img src="image/5.png"> <span>新品</span>

			</div>



			<div class="c4">

				<img src="image/6.png"> <span>好评</span>

			</div>



			<img src="image/7.png" class="tp1"> <img src="image/8.png"
				class="tp4"> <img src="image/11.png" class="tp3"> <img
				src="image/10.png" class="tp2">

		</div>



		<div id="body">

			<div id="b3">
			
			 <c:forEach items="${product}"  var="c" begin="0" end="3" step="1">
    		
				<div class="s1">
					<div class="k1">
						<a href="Goods?id=${c.productId}" > <img
							src="${c.productPrint}" class="tp5" id="p${c.productId}"
							title="${c.productName} ${c.productOperator}4G手机 双卡双待双通">
						</a>
					</div>



					<div class="k2">
						<a href="Goods?id=${c.productId}"  class="s2">
						${c.productName} ${c.productOperator}4G手机 双卡双待双通
						</a>
					</div>
					
					<div class="k3">
						<span class="s3">￥${c.productPrice}</span>
					</div>
				</div>
			</c:forEach>
		</div>



			<div id="b4">

			 <c:forEach items="${product}"  var="c" begin="4" end="7" step="1">
    		
				<div class="s1">
					<div class="k1">
						<a href="Goods?id=${c.productId}" > <img
							src="${c.productPrint}" class="tp5" id="p${c.productId}"
							title="${c.productName} ${c.productOperator}4G手机 双卡双待双通">
						</a>
					</div>



					<div class="k2">
						<a href="Goods?id=${c.productId}"  class="s2">
						${c.productName}${c.productOperator}4G手机 双卡双待双通
						</a>
					</div>
					
					<div class="k3">
						<span class="s3">￥${c.productPrice}</span>
					</div>
				</div>
			</c:forEach>


			</div>



			<div id="b5">

				<c:forEach items="${product}"  var="c" begin="8" end="11" step="1">
    		
				<div class="s1">
					<div class="k1">
						<a href="Goods?id=${c.productId}" > <img
							src="${c.productPrint}" class="tp5" id="p${c.productId}"
							title="${c.productName} ${c.productOperator}4G手机 双卡双待双通">
						</a>
					</div>



					<div class="k2">
						<a href="Goods?id=${c.productId}"  class="s2">
						${c.productName} ${c.productOperator}4G手机 双卡双待双通
						</a>
					</div>
					
					<div class="k3">
						<span class="s3">￥${c.productPrice}</span>
					</div>
				</div>
			</c:forEach>



			</div>



			<div id="b6">

				<c:forEach items="${product}"  var="c" begin="12" end="15" step="1">
    		
				<div class="s1">
					<div class="k1">
						<a href="Goods?id=${c.productId}" > <img
							src="${c.productPrint}" class="tp5" id="p${c.productId}"
							title="${c.productName} ${c.productOperator}4G手机 双卡双待双通">
						</a>
					</div>



					<div class="k2">
						<a href="Goods?id=${c.productId}"  class="s2">
						${c.productName} ${c.productOperator}4G手机 双卡双待双通
						</a>
					</div>
					
					<div class="k3">
						<span class="s3">￥${c.productPrice}</span>
					</div>
				</div>
			</c:forEach>

			</div>

		</div>



		<div id="bottom">

			<h2 style="float: left; margin-top: 20px;">主题购</h2>



			<div id="bot1">

				<div id="bot2">

					<div id="bot4">

						<a href="Goods?id=1" target="_Blank"> <img
							src="image/123.jpg" id="o4">

						</a>

					</div>



					<div id="bot5">

						<a href="Goods?id=5" target="_Blank"> <img
							src="image/313.jpg " class="o4">

						</a>

					</div>



					<div id="bot5">

						<a href="Goods?id=28" target="_Blank"> <img
							src="image/58e5d6b1N90d81919.jpg" class="o4">

						</a>

					</div>

				</div>



				<div id="bot3">

					<div id="bot6">

						<a href="Goods?id=30" target="_Blank"> <img
							src="image/321.jpg" id="o5">

						</a>

					</div>



					<div id="bot7">

						<a href="Goods?id=19" target="_Blank"> <img
							src="image/58df0133Nf81689f9 (1).png" class="o5">

						</a>

					</div>



					<div id="bot7">

						<a href="Goods?id=12" target="_Blank"> <img
							src="image/314.jpg" class="o5">

						</a>

					</div>

				</div>



			</div>

		</div>



		<div id="foot">

			<h2 style="float: left; margin-top: 20px;">品牌旗舰店</h2>



			<div id="f1">

				<div id="f2">



					<div class="p1">

						<br> <img src="image/huawei.png"> <br> <span
							class="o">荣耀</span>

					</div>



					<div class="p2">

						<br> <img src="image/hw.png"> <br> <span class="o">华为</span>

					</div>



					<div class="p3">

						<br> <img src="image/meizu.png"> <br> <span
							class="o">魅族</span>

					</div>



					<div class="p4">

						<br> <img src="image/oppo.png"> <br> <span
							class="o">oppo</span>

					</div>



					<div class="p5">

						<br> <img src="image/vivo.png"> <br> <span
							class="o">vivo</span>

					</div>



					<div class="p6">

						<br> <img src="image/xm.png"> <br> <span class="o">小米</span>

					</div>

				</div>



				<div id="f3">

					<div class="i1">

						<a href="Goods?id=17" target="_Blank"> <img
							src="image/58da0a7aN4cd93863.jpg" class="o1">

						</a>

					</div>



					<div class="i2">

						<a href="Goods?id=29" target="_Blank"> <img
							src="image/58da0b23N4f5a3fd1.jpg" class="o2">

						</a>

					</div>



					<div class="i3">

						<a href="Goods?id=17" target="_Blank"> <img
							src="image/58da0b70Nc70b5909.jpg" class="o3">

						</a>

					</div>

				</div>



				<div id="f4">

					<div class="i1">

						<a href="Goods?id=10" target="_Blank"> <img
							src="image/58de2579N76f6cec9.jpg" class="o1">

						</a>

					</div>



					<div class="i2">

						<a href="Goods?id=9" target="_Blank"> <img
							src="image/58de2567Nfa3fcef0.jpg" class="o2">

						</a>

					</div>



					<div class="i3">

						<a href="Goods?id=25" target="_Blank"> <img
							src="image/58d87a6fNf70cad0b.jpg" class="o3">

						</a>

					</div>

				</div>



				<div id="f5">

					<div class="i1">

						<a href="Goods?id=7" target="_Blank"> <img
							src="image/58b696a6N94368d08.jpg" class="o1">

						</a>

					</div>



					<div class="i2">

						<a href="Goods?id=8" target="_Blank"> <img
							src="image/58c5f21dN07f5b65f.jpg" class="o2">

						</a>

					</div>



					<div class="i3">

						<a href="Goods?id=30" target="_Blank"> <img
							src="image/58c5f1dcN0cca6456.jpg" class="o3">

						</a>

					</div>

				</div>



				<div id="f6">

					<div class="i1">

						<a href="Goods?id=1" target="_Blank"> <img
							src="image/o1.jpg" class="o1">

						</a>

					</div>



					<div class="i2">

						<a href="Goods?id=2" target="_Blank"> <img
							src="image/o2.jpg" class="o2">

						</a>

					</div>



					<div class="i3">

						<a href="Goods?id=13" target="_Blank"> <img
							src="image/o3.jpg" class="o3">

						</a>

					</div>

				</div>



				<div id="f7">

					<div class="i1">

						<a href="Goods?id=5" target="_Blank"> <img
							src="image/58e5c428N2f50cd80.jpg" class="o1">

						</a>

					</div>



					<div class="i2">

						<a href="Goods?id=5" target="_Blank"> <img
							src="image/58e5c40dNabb2ca25.jpg" class="o2">

						</a>

					</div>



					<div class="i3">

						<a href="Goods?id=12" target="_Blank"> <img
							src="image/58e5c3cfNfac4bef5.jpg" class="o3">

						</a>

					</div>

				</div>



				<div id="f8">

					<div class="i1">

						<a href="Goods?id=16" target="_Blank"> <img
							src="image/58b780daNb0c27eee.jpg" class="o1">

						</a>

					</div>



					<div class="i2">

						<a href="Goods?id=14" target="_Blank"> <img
							src="image/58b78061N5bebc387.jpg" class="o2">

						</a>

					</div>



					<div class="i3">

						<a href="Goods?id=15" target="_Blank"> <img
							src="image/58b78028N23a5a0cf.jpg" class="o3">

						</a>

					</div>



				</div>

			</div>

		</div>



		<div class="foot1">

			<h2 style="float: left; margin-top: 10px;">高性价比</h2>

			<div class="q1">

				<div class="q2" id="q1">优品推荐</div>

				<div class="q2" id="q2">大屏手机</div>

				<div class="q2" id="q3">双卡双待</div>

				<div class="q2" id="q4">畅销千元</div>

			</div>

			<div class="q8">

				<img src="image/bj.png" id="bj1"> <img src="image/bj.png"
					id="bj2"> <img src="image/bj.png" id="bj3"> <img
					src="image/bj.png" id="bj4">

			</div>


		<div class="q3" id="div1">
		
			<c:forEach items="${product}"  var="c" begin="16" end="19" step="1">
				<div class="q4">

					<a href="Goods?id=${c.productId}"> <img src="${c.productPrint}"
						class="qw1">
					</a>

					<div class="mc">
						<a href="Goods?id=${c.productId}">
							<span>${c.productName} ${c.productOperator}4G手机 双卡双待双通 </span>
							</a>

					</div>



					<div class="jg">

						<span>￥${c.productPrice}</span>

					</div>

				</div>
		</c:forEach>

			</div>



		<div class="q5" id="div2">
			<c:forEach items="${product}"  var="c" begin="20" end="23" step="1">
				<div class="q4">

					<a href="Goods?id=${c.productId}"> <img src="${c.productPrint}"
						class="qw1">
					</a>

					<div class="mc">
						<a href="Goods?id=${c.productId}">
							<span>${c.productName} ${c.productOperator}4G手机 双卡双待双通 </span>
							</a>

					</div>



					<div class="jg">

						<span>￥${c.productPrice}</span>

					</div>

				</div>
		</c:forEach>
	</div>



			<div class="q6" id="div3">

			
			<c:forEach items="${product}"  var="c" begin="24" end="27" step="1">
			
				<div class="q4">

					<a href="Goods?id=${c.productId}"> <img src="${c.productPrint}"
						class="qw1">
					</a>

					<div class="mc">
						<a href="Goods?id=${c.productId}">
							<span>${c.productName} ${c.productOperator}4G手机 双卡双待双通 </span>
							</a>

					</div>



					<div class="jg">

						<span>￥${c.productPrice}</span>

					</div>

				</div>
		</c:forEach>

			</div>



			<div class="q7" id="div4">

			<c:forEach items="${product}"  var="c" begin="28" end="31" step="1">
				<div class="q4">

					<a href="Goods?id=${c.productId}"> <img src="${c.productPrint}"
						class="qw1">
					</a>

					<div class="mc">
						<a href="Goods?id=${c.productId}">
							<span>${c.productName} ${c.productOperator}4G手机 双卡双待双通 </span>
							</a>

					</div>



					<div class="jg">

						<span>￥${c.productPrice}</span>

					</div>

				</div>
		</c:forEach>

			</div>

		</div>





		<div class="foot2">

			<h2 style="float: left; margin-top: 10px;">潮机推荐</h2>

			<div class="bj">

				<a href="Goods?id=5" target="_Blank">
					<img src="image/bj006.jpg"class="img">
				</a> 
				
				<a href="Goods?id=32" target="_Blank">
					<img src="image/bj009.jpg" class="img">
				</a> 
				
				<a href="Goods?id=1"target="_Blank">
					<img src="image/bj010.jpg" class="img">
				</a> 
				
				<a href="Goods?id=10" target="_Blank">
					<img src="image/bj011.jpg"class="img">
				</a> 
				
				<a href="Goods?id=30" target="_Blank">
					<img src="image/bj012.jpg" class="img">
				</a> 
				
				<a href="Goods?id=1"target="_Blank">
					<img src="image/bj013.jpg" class="img">
				</a>

			</div>

		</div>



		<div id="menu">

			<ul>

				<li class="last">Top</li>

				<li>1F <span>最热门</span>
				</li>

				<li>2F <span>主题购</span>
				</li>

				<li>3F <span>旗舰店</span>
				</li>

				<li>4F <span>性价比</span>
				</li>

				<li>5F <span>超推荐</span>
				</li>

			</ul>

		</div>

	</div>

	<div style="width: 100%; height: 6%; float: left;">

		<iframe src="foot.jsp" width="100%" height="350px" frameborder="0"
			scrolling="no"></iframe>

	</div>

</body>

</html>
